<!DOCTYPE html>
<html lang="zh-cn">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <title>购物车</title>
</head>
<link rel="shortcut icon" href="/favicon.ico">
<link rel="stylesheet" href="/lib/bootstrap/css/bootstrap.css">
<link rel="stylesheet" href="/css/hf.css">
<link rel="stylesheet" href="/css/cart.css">
<link rel="stylesheet" href="/css/base.css">

<body>
  <!-- 1.container容器是窗口布局的最基本元素，
    BootStrap推存所有样式都定义在container或container容器之中 -->
  <header></header>
  <div class="container">
    <!-- 购物车上部分 -->
    <div class="cart_big">
      <!-- 上面购物车头 -->
      <div class="cart_top">
        <div class="cbackround_img">
          <p>购物车</p>
        </div>
        <div class="ct_right">
          <span>已选商品<b class="already_choose red"> 0 </b>件</span>
          <span>总额&nbsp;&nbsp;<b class="red">￥</b><b class="all_money red">0.00</b></span>
          <button class="compute_btn">结算</button>
        </div>
      </div>


      <!-- 中间的table -->
      <div class="cart_bottom">
        <div class="cart_list_header">
          <p><input type="checkbox" id="check_box_g"></p>
          <p><span>全部商品<b class="all_product12">(1)</b></span></p>
          <p><span>商品信息</span></p>
          <p><span>数量</span></p>
          <p><span>单价</span></p>
          <p><span>小计</span></p>
          <p><span>操作</span></p>
        </div>
        <!-- 商品列表 -->
        <ul id="clh_box">
          <script type="text/html" id="productListss">
            {{each prodlist item}}
            <li class="cart_product_details" id="{{item.id}}">
              <table>
                <tr>
                  <td class="cart_product_checkbox">
                    <input type="checkbox" class="check_box_g">
                  </td>
                  <td class="cpd_img">
                    <img src="{{item.img}}" alt="">
                  </td>
                  <td class="cpd_detail">
                    <p class="cpdd_I_name">{{item.name}}</p>
                    <p class="cpdd_I_englishname">{{item.englishname}}</p>
                    <p class="cpdd_I_num">货号：<span>FPKC001XBX</span></p>
                    <p class="cpdd_I_numm">商品条形码：<span>6972561610018</span></p>
                  </td>

                  <td class="cpd_konbai">
                    <span>&nbsp;&nbsp;&nbsp;</span>
                  </td>

                  <td class="cpd_count">
                    <span class="cdp_sub">-</span>
                    <span><input type="text" value="{{item.count}}"   id="allNum"></span>
                    <span class="cdp_add">+</span>
                  </td>

                  <td class="cpd_singo">
                    <span><b class="red">￥</b><b class="red" id="onePrice">{{item.price}}</b></span>
                  </td>
                  <td class="cpd_allsp">
                    <span><b class="red">￥</b><b class="red rowCount" id='rowCount'>{{item.price * item.count}}</b></span>
                  </td>
                  <td class="cpd_del">
                    <a href="javascript:;">删除</a>
                  </td>
                </tr>
              </table>
            </li>
            {{/each}}
          </script>
        </ul>
      </div>
      <!-- 下面的结算 -->
      <div class="cgo_buy_money">
        <div class="cgo_buy_money_t">请至少加入一个玩意儿</div>
        <div class="cgo_buy_money_b">
          <span class="a">已选商品<b class="all_product procdas red"> 0 </b>件</span>
          <span class="b">总额<b class="red">￥</b><b class="all_money1 red">0.00</b></span>
          <button class="cgo_buy_btn settlement_btn">结&nbsp;算</button>
        </div>
      </div>
    </div>

    <!-- 空购物车 -->
    <div class="cart_empty">
      <div class="ce_innerbox">
        <img src="/img/cart_empty.png" alt="">
        <p class="text1">您得购物车还没有商品</p>
        <p class="text2">去看看<a href="#">我的收藏夹</a>&nbsp;或者看看<a href="/index.html">&nbsp;首页</a></p>
      </div>
    </div>
  </div>

  <footer></footer>
</body>
<script src="/lib/requirejs/require.js" data-main="/js/shopping_cart"></script>

</html>